<div id="source-movements-table" class="col-xs-9">
<table class="index sortable">
  <colgroup>
    <col style="width: 40%" />
    <col style="width: 30%" />
    <col style="width: 10%" />
    <col style="width: 20%" />
  </colgroup>
  <thead data-hook="bulk_variants_header">
    <tr>
      <th><%= Spree::Variant.model_name.human %></th>
      <th><%= Spree::Variant.human_attribute_name(:sku) %></th>
      <th><%= Spree::StockMovement.human_attribute_name(:quantity) %></th>
      <th><%= Spree::StockItem.human_attribute_name(:count_on_hand) %></th>
    </tr>
  </thead>
  <tbody id="bulk_variants_tbody">
    <% stock_movements.each do |movement| %>
    <tr>
      <td><%= movement.stock_item.variant.name %></td>
      <td class='align-center'><%= movement.stock_item.variant.sku %></td>
      <td class='align-center'><%= movement.quantity %></td>
      <td class='align-center'><%= movement.stock_item.count_on_hand %></td>
      <% end %>
    </tbody>
  </table>
</div>
